export default function Logo({ className = "" }: { className?: string }) {
  return (
    <div className={`flex items-center ${className}`}>
      {/* 文艺Logo图标 */}
      <div className="relative">
        <svg
          width="32"
          height="32"
          viewBox="0 0 32 32"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className="drop-shadow-sm"
        >
          {/* 外圈渐变圆 */}
          <defs>
            <linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
              <stop offset="0%" stopColor="#ff6b9d" />
              <stop offset="50%" stopColor="#fe2c55" />
              <stop offset="100%" stopColor="#ff8a00" />
            </linearGradient>
            <linearGradient id="innerGradient" x1="0%" y1="0%" x2="100%" y2="100%">
              <stop offset="0%" stopColor="#ffeaa7" />
              <stop offset="100%" stopColor="#fab1a0" />
            </linearGradient>
          </defs>
          
          <circle
            cx="16"
            cy="16"
            r="14"
            fill="url(#logoGradient)"
            className="animate-pulse"
          />
          
          {/* 内部装饰圆 */}
          <circle
            cx="16"
            cy="16"
            r="10"
            fill="white"
            opacity="0.9"
          />
          
          {/* 中心图标 - 简约的羽毛笔设计 */}
          <path
            d="M12 22 C12 22, 14 20, 16 18 C18 16, 20 14, 20 10 C20 8, 19 7, 18 7 C16 7, 14 9, 12 12 L12 22 Z"
            fill="url(#innerGradient)"
            opacity="0.8"
          />
          
          {/* 羽毛笔尖 */}
          <circle
            cx="12"
            cy="22"
            r="1"
            fill="#636e72"
          />
          
          {/* 装饰线条 */}
          <path
            d="M14 14 L16 12 M16 16 L18 14"
            stroke="white"
            strokeWidth="1"
            strokeLinecap="round"
          />
        </svg>
      </div>
      
      {/* Logo文字 */}
      <div className="ml-2">
        <h1 className="text-xl font-bold bg-gradient-to-r from-pink-500 via-red-500 to-orange-400 bg-clip-text text-transparent">
          Inspire
        </h1>
        <p className="text-xs text-gray-500 -mt-1 font-light tracking-wide">
          发现美好生活
        </p>
      </div>
    </div>
  );
}